<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="/web-frame/element/css/index.css" rel="stylesheet"/>
    <script src="/web-frame/element/js/vue.js"></script>
    <script src="/web-frame/element/js/index.js"></script>
    <script src="/web-frame/element/js/axios.js"></script>
    <script src="/web-frame/lib/app.js"></script>
    <style>
        .text {
            font-size: 14px;
        }

        .item {
            padding: 18px 0;
        }

        .box-card {
            width: 100%;
            height: 500px
        }
    </style>
</head>
<body>
<div id="app">
    <el-card class="box-card">
        <li v-for="item in items">
            {{ item.message }}
        </li>
    </el-card>
</div>

<script>
    var Main = {
        data() {
            return {
                items: [{ message: 'layui文档：http://127.0.0.1:8085/api-html/layui/doc/doc.html' },
                        { message: 'swagger文档: http://127.0.0.1:8085/doc.html' },
                        { message: '登录地址：http://127.0.0.1:8085/page/login.html' }
                    ]
            }
        }
    }
    var Ctor = Vue.extend(Main)
    new Ctor().$mount('#app')
</script>
</body>
</html>